Skip to content

Fix mobile button sizes not responding to viewport - #70

Merged
alari76 merged 1 commit into
mainfrom
fix/mobile-button-sizes
Mar 9, 2026
Merged

Fix mobile button sizes not responding to viewport#70
alari76 merged 1 commit into
mainfrom
fix/mobile-button-sizes

Conversation

@alari76

@alari76 alari76 commented Mar 9, 2026

Copy link
Copy Markdown
Contributor

Summary

  • InputBar: Send, attach, and skills icon buttons now use p-2.5 with min-w-[44px] min-h-[44px] on mobile (were stuck at p-1 ~28px on all viewports). Icon sizes bump from 20px to 24px. Button gap increases on mobile.
  • PromptButtons: Increased mobile padding to px-5 py-3 text-[15px] min-h-[44px] (was px-4 py-2 text-[14px]), and increased gap between buttons on mobile.

Test plan

  • Open on mobile device or use devtools responsive mode (<1024px)
  • Verify InputBar icon buttons (send, attach, skills) are visibly larger
  • Verify PromptButtons (permission approve/deny, question options) are larger
  • Verify desktop layout is unchanged

🤖 Generated with Claude Code

InputBar icon buttons (send, attach, skills) had no mobile-specific
sizing — they stayed at p-1 (~28px) on all screen sizes. PromptButtons
had an insufficiently small padding bump. Now all buttons use min 44px
tap targets on mobile per Apple HIG guidelines.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@alari76
alari76 merged commit 38d91f1 into main Mar 9, 2026
2 checks passed
@alari76
alari76 deleted the fix/mobile-button-sizes branch March 10, 2026 05:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant